@media screen and (max-width: 768px){
    /*    首页*/
    .index_serw,.index_ser,.youshi_warp{width: 100%;min-width: 100%;height: auto;}
    .top_warp{display: none;}
    .nav{height:auto;border-bottom: 2px solid #2474e5;}
    .nav_warp{width: 100%;height: auto;}
    .nav_logo{width: 7.1rem;height: auto;margin-top: 0.95rem;margin-left: 1rem;}
    .nav_warph3{font-size: 1rem;color: #000000;line-height: 3.8rem;margin-left: 0.4rem;margin-top: 0;}
    .banner{width: 100%;min-width: 100%;height: 12.5rem;}
    .banner img{width: auto;height: 100%}
    .index_serw {padding-bottom: 1rem;}
    .index_ser h3{font-size: 1.2rem;padding-top:1rem;}
    .fuwu{margin-top: 1rem;}
    .fuwu li{width: 20%;margin-left: 0;}
    .fuwu_div{width: 80%;height: auto;}
    .fuwu_img1{width: 100%;}
    .fuwu_img2{width: 100%;}
    .fuwu_div2{height: auto;box-shadow: none;}
    .fuwu_div2 h4{width: 100%;font-size: 0.8rem;height: 2rem;line-height: 2rem;border-bottom: 0;}
    .fuwu_div2 p{display: none;}
    .index_ser .zizhu_inp{width: 10rem;height: 2.5rem;font-size: 1rem;margin-top: 0.5rem;display: none;}
    .youshi{background-size: auto 17rem; height: auto;background-position: center;}
    .youshi_h3{font-size: 1.2rem;padding-top:1rem;margin-bottom: 2rem;}
    .youshi{width: 100%;min-width: 100%;}
    .youshi_ul{width: 50%;}
    .youshi_ul p{display: none;}
    .youshi_ul li{margin-bottom: 4rem;}
    .youshi_div h4{height: 2rem;padding: 0 0.4rem;line-height: 2rem;font-size: 1rem;}
    .youshi_div span{height: 2.2rem;line-height: 2rem;width: 2.2rem;font-size: 1rem;}
    .youshi_li1{margin-left: 2rem;}
    .youshi_li2{margin-left: 1rem;}
    .youshi_li3{margin-left: 3rem;}
    .youshi_li4{margin-right: 1rem;}
    .youshi_li5{margin-right: 1.5rem;}
    .youshi_li6{margin-right:4rem;}
    .youshi_div6{margin-right: 1rem;}
    .youshi_div1 h4{height: 2rem;padding: 0 0.4rem;line-height: 2rem;font-size: 1rem;}
    .youshi_div1 span{height: 2.2rem;line-height: 2rem;width: 2.2rem;font-size: 1rem;}
    .zhongxin_warp,.zhongxin{width:100%;min-width: 100%;height: auto;}
    .zhongxin{padding-bottom: 1rem;}
    .zhongxin h3{font-size: 1.2rem;padding-top:1rem;margin-bottom: 1rem;}
    .zhongxin_ul{width: 20%;margin-left: 3.125%;}
    .zhongxin_ul1{width: 20%;margin-right: 3.125%;}

    .zhongxin ul li{font-size: 0.9rem;width: 100%;height: auto;margin-bottom: 1rem;line-height: 1.1rem;}
    .zhongxin ul li p{font-size: 1rem;margin-bottom: 0.1rem;}
    .jishu_img{width:50%;height: auto;margin-left: 1rem;margin-top: 1rem;}
    .kechuang_warp,.kechuang{width:100%;min-width: 100%;height: auto;}
    .kechuang h3{font-size: 1.2rem;padding-top:1rem;margin-bottom: 2rem;}
    .kechuang ul li{width: 16.66%;margin-left: 0;margin-bottom: 2rem;}
    .kechuang .fir_li{margin-left: 0;}
    .kechuang ul{width: 93.75%;margin: 0 auto;}
    .kechuang ul li img{width: 80%;height: auto;display: block;margin: 0 auto;}
    .jinggong_warp,.jinggong{width:100%;min-width: 100%;height: auto;}
    .jinggong{padding-bottom: 1rem;}
    .jinggong h3{font-size: 1.2rem;padding-top:1rem;margin-bottom: 2rem;}
    .jinggong ul{width: 93.75%;margin: 0 auto;}
    .jinggong li{font-size: 1rem;padding-bottom: 0.5rem}
    .jinggong li img{width: 80%;height: auto;margin-bottom: 0.5rem;}
    .jinggong .zizhu_inp{width: 10rem;height: 2.5rem;font-size: 1rem;margin-top: 0.5rem; display: none;}
    .foot{display: none;}
    .foott{width: 100%;height: auto;background-color: #2f2d35;display: block;}
    .foott_top{width: 93.75%;height: 3.8rem;padding-top: 1.5rem;color: #b5b5b5;font-size: 1rem;border-bottom: 0.1rem solid #525058;}
    .foott_top img{width: 10.6rem;margin-left: 5.5rem;margin-right: 0.5rem;}
    .foott h4 img{width: 0.8rem;margin-right: 0.5rem;position: relative;top: 0.2rem;}
    .foott h4{height: 4.6rem;color: #ffffff;font-size: 1rem;text-align: center;line-height: 4rem;}
    .foott h4 a{color: #FFFFFF;}
    .nav_menu{display: none;}
    .nav_caidan{display: block;width: 1.7rem;height: 1.4rem;float: right;margin-right: 1rem;margin-top: 1.3rem;}
    .mobile_menu{width: 100%;height: 100%;position: fixed;right: 0;top:0;z-index: 999;background: rgba(0,0,0,0.7);display: none;}
    .mobile_nav{font-size: 1.4rem;padding-top: 4rem;width: 16rem;background-color: #ffffff;height: 100%;float: right;}
    .mobile_nav a{color: #000000;display: block;height: 3.4rem;line-height: 3.4rem;font-size: 1.4rem;}
    .mobile_nav a p{height: 3.4rem;line-height: 3.4rem;}
    .mobile_nav li{border-bottom: 0.05rem solid #f5f5f5;text-indent: 2rem;}
    /*   .mobile_nav2{display: none;}*/
    .mobile_nav2{background-color: #f5f5f5;}
    .mobile_nav2 li{text-indent: 3rem;}
    .mobile_nav2{display: none;}
    /*关于我们*/
    .con{width: 100%;margin-bottom: 3rem;}
    .new_banner{width: 100%;min-width: 100%;height: 15rem;background-size: auto 100%;}
    .new_tit{line-height: 15rem;top: 0;font-size: 2rem;}
    .crumbs{font-size: 1rem;line-height: 1.8rem;padding-left: 1rem;height: auto;}
    .about,.about_con{width: 100%;height: auto}
    .about_con{padding-top: 1rem;margin-top: 0.5rem;}
    .about{background-position: left top;background-size:  90rem 20rem;}
    .about_img1{display: block;margin: 0 auto;width: 75%;height: auto;float: none;}
    .con1{margin-bottom: 0;}

    .about_divr h3{font-size: 1.4rem;line-height: 2.4rem;height: 2.4rem;margin-bottom: 0.5rem;background-size: auto 0.35rem;
        padding-bottom: 0.3rem;}
    .about_divr{width: 93.75%;margin: 0 auto;float: none;}
    .about_divr{height: auto;background-color: #FFFFFF;padding: 0 3.125%;padding-top: 1rem;float: none;}

    .about_divr p{font-size: 1rem;line-height: 1.8rem;}
    .about_listt{width: 93.75%;margin: 0 auto;}
    .about_listt li{width: 20%;margin-left: 0;}
    .about_p2{display: none;}
    .about_listt{margin-top: 2rem;}
    .about_listt li img{width: 80%;}
    .about_listt li:first-child{margin-left: 0;}
    .about_p1{font-size: 1rem;}
    /*技术中心*/
    .skill_list{margin-top: 0.5rem;}
    .skill_ul{margin-left: 0.6rem;}
    .skill_listul{width: 93.75%;margin: 0 auto;}
    .skill_ul li{margin-right: 0;font-size: 0.9rem;height: 2rem;line-height: 2rem;}
    .skill_listul li{padding: 0.5rem 0;height: auto;}
    .skill_listul li img{width:100%;height: auto;display: block;float: none;margin: 0 auto;}
    .skill_div{width: 100%;height: auto;margin: 0 auto;}
    .skill_div h2{height: 2.5rem;line-height: 2.5rem;}
    .skill_div h2 a{font-size: 1.5rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;height: 2.5rem;line-height: 2.5rem;}
    .skill_div .skill_p1{font-size: 1rem;margin-top: 0;}
    .skill_div .skill_p2{font-size:1.1rem;line-height: 1.6rem;height: 3.2rem;margin-top: 0.5rem;}
    .skill_div .skill_p3 a {font-size: 1rem;margin-right: 0.8rem;}
    .skill_div .skill_p3{font-size: 0.9rem;margin-top: 0.5rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;width: auto;}
    .skill_div .skill_a1{font-size: 0.9rem;width: 3rem;height: 1.3rem;line-height: 1.3rem;bottom: 1rem;}
    .fenye{width: 23rem;height: auto;margin: 0 auto;margin-top: 1rem;padding-top: 0.1rem;}
    .fenye li{margin-left: 0.4rem;display: inline-block;float: none;}
    .fenye li a{width: 1.5rem;height: 1.5rem;box-sizing: border-box;border: 0.1rem solid #3f73bf;font-size: 1rem;line-height: 1.5rem;}
    .fenye li .fanye_cho{border: 0.1rem solid #3f73bf;}
    .fenye li .fanye_x{padding-right: 1rem;}
    .fenye li .fanye_s{padding-left: 1rem;}
    /*新闻中心*/
    .con_list{width: 93.75%;margin: 0 auto;margin-top: 0.5rem;}
    .con_list .con_img{width: 45%;height: 10rem;}
    .con_list li{margin-bottom: 1rem;}
    .con_div{width: 51.5%;margin-left: 2%;padding: 0;height: auto;padding-top: 0.5rem;}
    .con_div span{font-size: 0.9rem;}
    .con_divh3{font-size: 1rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;margin-top: 0.5rem;}
    .con_divc p{font-size: 0.9rem;line-height: 1.2rem;width: auto;}

    .con_divc{ text-overflow:ellipsis; display:-webkit-box;height: 2.3rem;overflow: hidden;margin-top: 1rem;
        -webkit-box-orient:vertical; -webkit-line-clamp:2;}
    .con_look{font-size: 0.9rem;margin-top: 1rem;}
    /*服务优势*/
    .con2{margin-bottom: 2rem;}
    .service{min-width: 100%;height: auto;padding-bottom:2rem;}
    .service_img1{width: 70%;margin-left:2rem;}
    .service_h3{font-size: 1.4rem}
    .ser_warp{width: 100%;height: auto;}
    .service_ul{margin-top: 2.5rem;}
    .service_ul li{font-size: 1rem;}
    .service_ul .serv_li1{margin-bottom: 1.7rem;}
    .service_ul .serv_li2{margin-bottom: 0.8rem;}
    .service_ul .serv_li3{margin-bottom:0.9rem;}
    .service_p1{font-size: 1rem;bottom:0;right: 1rem;}
    .ser_warp2{width: 100%;min-width: 100%;height: auto;background-size: auto 100%;background-position: left;}
    .ser_con2{width: 100%;min-width: 100%;height: auto;padding-bottom: 2rem;}
    .ser_botp{font-size: 0.7rem;padding-top: 2.7rem;margin-left: 3.5rem;display: none;}
    .ser_con2 h3{font-size: 1.5rem;text-align:center;padding-top: 1.5rem;margin-left: 0;}
    .ser_con2 p{margin-left: 3.5rem;margin-top: 2rem;font-size: 0.8rem;line-height: 2rem;position: relative;
        z-index: 9;text-align: center;}
    .ser_img22{width: 10rem;position: relative;top: 0;left: 50%;margin-left: -5rem;}
    .ser_img2{width: 5rem;top: 5rem;display: none}
    .ser_jishu{width: 100%;height: auto;padding-bottom: 1rem;padding-top: 1.2rem;}
    .ser_jishiimg1{width: 15rem;height: auto;margin-top: 1rem;}
    .ser_jishur{width: 16.5rem;}
    .ser_jishiimg3{width: 5rem;top: 5rem;display: none;}
    .ser_jishur p{font-size: 0.7rem;margin-top: 2.7rem;margin-left: 3.5rem;display: none;}
    .ser_jishur h3{font-size: 1.5rem;margin-left: -2rem;margin-top: 0.5rem;}
    .ser_jishur ul{margin-left: 3.5rem;margin-top: 2rem;width: 13.5rem}
    .ser_jishur .ser_ul2{width: 17rem;}
    .ser_jishur ul{width: 17rem;margin-left: 0;}
    .ser_jishur ul li img{width:    3.4rem;margin-right: 0.5rem}
    .ser_jishur ul li{font-size: 1rem;height: 3.1rem;}
    .ser_hou{min-width: 100%;height: auto;}
    .ser_imghou{width: 12rem;right: 1rem;}
    .ser_imghou1{width: 12rem;position: relative;left: 50%;margin-left: -6rem;margin-top: 0.4rem;}
    .ser_shuliang{min-width: 100%;height: auto;background-size: auto 100%;padding-top: 1.5rem;}
    .ser_shulw{width: 100%;}
    .ser_jishurl{margin-left: 14rem;}
    .ser_bot{min-width: 100%;height: auto;}
    .ser_botw{width: 100%;height: auto;}
    .ser_bott{margin-left: 2.5rem;margin-top: 2rem;}
    .ser_bott li span:nth-child(2){width: 12.5rem;}
    .ser_bott li span:nth-child(4){width: 11.5rem;}
    .ser_bott img{width: 1.5rem;}
    .ser_bott li{font-size: 1rem;height:4rem;}
    .ser_bott span{height: 2rem;line-height: 2rem;}
    .ser_bott .serb_img2{margin-top: 0.3rem;}
    .ser_bott .serb_img4{margin-top: 0.3rem;}
    .ser_con2 .ser_pp{width: 20rem;text-align: left;font-size: 1rem;margin-left: 1.5rem;margin-top:1rem;}
    /* 服务项目*/
    .project{min-width: 100%;height: auto;background-size: auto 100%;padding-bottom: 1rem;}
    .project_top{min-width: 100%;height: auto;width: 100%;}
    .project_top h3{padding-top: 2rem;font-size: 1.6rem;margin-left: 1rem;}
    .project_top ul{margin-left: 1rem;}
    .project_top ul li{font-size: 1.1rem;height: auto;line-height: 2.5rem;}
    .pro_l{width: 10rem;background-size: 100% auto;display: none;}
    .pro_l h3{font-size: 1.1rem;padding-top: 2rem;}
    .pro_lul{width: 7rem;margin-left: 1.5rem;margin-bottom: 3rem}
    .pro_lul li{font-size: 1rem;height: 2rem;line-height: 2rem;background-size: auto 0.6rem;}
    .pro_l input{width: 8rem;height: 2rem;font-size: 0.9rem;margin-top: 1rem;}
    .pro_r{width: 100%;margin: 0 auto;}
    .pro_warp h2{font-size: 1.1rem;background-size:auto 0.6rem}
    .pro_ul li{width: 45%;margin-left:2.5%;margin-right: 2.5%;height: auto;margin-top: 1rem;box-sizing: border-box;}
    .pro_ul .pro_ulli{margin-left: 2.5%;}
    .pro_ul li p{font-size: 0.9rem;height: 1.5rem;line-height: 1.5rem;}
    .pro_ul li img{width: 100%;}
    .pro_warp{height: auto;margin-bottom: 0;}
    .pro_warp~div{display: block;}
    .pro_ul2img{width: 100%;margin-top: 1rem;}
    .fenye2{margin-bottom: 2rem;width: auto;text-align: center;}
    .pro_ul2{margin-left: 1.5rem;margin-top: 0.5rem;margin-bottom: 2rem;}
    .pro_ul2 li{width: 14%;font-size: 0.7rem;padding-right: 0.7rem;background-size: auto 1rem;}
    .pro_ul2 li span{font-size: 0.7rem;display: block;margin-top: 0.3rem;}
    .project_ul3{margin-top: 1rem;}
    .project_ul3 li{width: 30%;margin: 0 1.3%;}
    .project_ul3 li:first-child{margin-left: 2.3%;}
    .project_div{width: 100%;height: auto;}
    .project_div img{width: 100%;height:6.6rem;}
    .pro_warp h2{margin-top: 2rem;}
    .pro_warp h2 a{font-size: 0.9rem;margin-right: 1rem;}
    .project_div1{width: 100%;height: 6.45rem;font-size: 0.6rem;line-height: 1rem;box-sizing: border-box;overflow: hidden;padding: 0.4rem;}
    .project_ul3 li p{font-size: 1rem;height: 1.5rem;line-height: 1.5rem;}
    .article{width:100%;margin: 0 auto;padding: 0;}
    .article h1{font-size: 1.2rem;text-align: center;padding-left: 1rem;padding-top: 1rem;}
    .article_top{padding-bottom: 0.5rem;width: 93.75%;margin: 0 auto;}
    .article_ul{margin-left: 0;margin-top: 1rem;}
    .article_ul span{float: none;font-size: 1rem;margin-left: 1rem;height: 1.3rem;display: inline-block;}
    .article h3{margin-top: 0.5rem;font-size: 1.2rem;padding-left: 3.125%;height: 2rem;line-height: 2rem;}
    .article_daod{width: 93.75%;margin: 0 auto;margin-top: 0.5rem;box-sizing: border-box;height: auto;font-size: 1.1rem;line-height: 1.2rem;padding: 0.5rem}
    .article p{margin-left: 3.125% !important;;font-size: 1.1rem !important;line-height: 2rem !important;;width: 93.75% !important;}
    .article img{width: 93.75%;display: block;margin: 0 auto;}
    .article_banquan{width: 100%;font-size: 1rem;line-height: 2rem;text-indent: 0;box-sizing: border-box;height: auto;padding: 0.5rem 0;padding-left: 1rem;}
    .article_but{margin-right: 0;padding-right: 1rem;height: auto;padding-bottom: 1rem;}
    .article_fanye{width: 100%;}
    .article_fanye a{font-size: 1rem;display: block;width:93.75%;padding-left: 3.125%;}
    .article_fanye a:nth-child(2){font-size: 1rem;float: left;}
    .about_new{display: none;}
    .article_warp{margin-top: 0;}
    .article_but input{width:4.9rem;font-size: 1rem;height: 2rem;}
    .article_but .art_inp1{background-size: 1rem auto;background-position: 0.7rem;text-indent: 1.2rem;}
    .article_but .art_inp2{background-size: 1.5rem auto;background-position: 1rem;width: auto;padding: 0 0.8rem;}
    .article_but .art_inp3{background-size: 1rem auto;background-position: 0.7rem;text-indent: 1.2rem;}
    .main_warp{min-width: 100%;height: auto;background-size: auto 100%;}
    .main{width: 100%;background-position: center bottom -3rem;background-size: 38rem 55rem;height: auto;padding-top: 3.5rem;padding-bottom: 2rem;background: none;}
    .main_h3{font-size: 1.5rem;margin-bottom: 1rem;}
    .main_ul{width: 93.75%;height: 2rem;display: none;}
    .main_ul li{font-size: 0.8rem;height: 2rem;line-height: 2rem;}
    .nain_con{width: 93.75%;border-radius: 1rem;height: auto;padding-bottom: 4rem;}
    .main_h4{font-size: 1.5rem;padding-top: 1rem;height: 2.5rem;line-height: 2.5rem;display: block;}
    .nain_con .main_p1{font-size: 1rem;width: 93.75%;text-align: center;margin: 0 auto;line-height: 2rem;}
    .photo{margin-top: 1rem;}
    .main_infor{margin-top: 1rem;}
    .main_infor span{width: 7rem;margin-left: 1.6rem;margin-bottom: 1rem;height: 2rem;line-height: 2rem;font-size: 1rem;}
    .main_infor input{margin-bottom: 1rem;height: 2rem;font-size: 1rem;width: 16rem !important;}
    .main_but{margin-top: 1rem;height: auto;width: 100%;}
    .dropzone{margin-top: 0.3rem;}
    .main_but1{width: 7rem;height: 2.5rem;font-size: 1rem;border-radius: 0.5rem;}
    .main_infor span:first-child{margin-left: 1.6rem;}
    .main_p2{font-size: 0.8rem;text-align: left;width: 93.75%;margin: 0 auto;margin-top: 1rem;line-height: 1.2rem;}
    .main_but2{font-size: 1rem;background-size: 2rem;padding-left: 2.3rem;
        position:relative;right: 0;height: 2rem;top: 5px;display: block;margin: 0 auto;margin-top: 1rem;}
    .zhongxin .zhongxin_ull4{margin-top: 2rem;}
    .zhongxin .zhongxin_ull4 li{height: 3rem;line-height: 3rem;}
    .zhongxin .zhongxin_ull4 li span{display: none;}
    .icon_tel{display: block;position: fixed;right: 1rem;bottom: 5rem;background: rgba(255,255,255,0.5);border-radius: 5rem;width: 5rem;height: 5rem;z-index: 999;}
    .icon_tel a{display: block;}
    .icon_tel img{display: block;margin: 0 auto;margin-top: 1.2rem;width: 2.3rem;}
    .mobile_nav .nav_li a{color: #2474e5}

    #wrapper {
        background:#fff;
        position:relative;
        min-width: 100%;width: 100%;
    }
    .tp-bullets{width: 320px !important;margin-bottom:0.5rem;}
    .tp-bullets.simplebullets.round .bullet{width: 0.5rem;height: 0.5rem;border-radius: 5px;margin: 0 0.5rem;}
/*2018-05-17*/
    .project_back{width: auto;height: 100%;background-size:auto 100%;padding-bottom: 1rem;}
    .project{min-width: 100%;height: auto;background-size: auto 100%;padding-bottom: 0;}
    .proj_div .pro_img111{width: auto;height: 100%;top: 0;z-index: 1;display: block;margin: 0 auto;margin-left: -89%;}
    .proj_div{width: 100%;position: absolute;top:0;left: 0;margin-left:0;z-index:1;height: 100%;}
    .skill_div3{width: 80%;}
    .uploader__file-label,.uploader__box{width: 100%;}

    /*2018-06-07*/
    .img_box{width: 100%;height:100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;z-index: 66;}
    .img_box img{display: block;margin: 0 auto;margin-top: 40%;width:90%;height: 20rem;}
    .bdsharebuttonbox{display: block;margin: 0 auto;width: 140px;margin-top: 55%;}
    .con_divh3 a{font-size: 1.2rem;}
}